<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<style>
  img{-webkit-transition: -webkit-transform 1s,height 1s,width 1s;}
  img:hover{-webkit-transform: rotateY(-180deg);}
</style>
<img src="http://avatar.csdn.net/7/4/5/1_qq_25569971.jpg" />
</body>
</html>